<!doctype html>

<html lang="en" xmlns:th="http://www.thymeleaf.org" class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="../static/css/font.css" th:href="@{/static/css/font.css}">
    <link rel="stylesheet" href="../static/css/login.css"  th:href="@{/static/css/login.css}">
    <link rel="stylesheet" href="../static/css/xadmin.css"  th:href="@{/static/css/xadmin.css}" >
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script  src="../static/lib/layui/layui.js" th:src="@{/static/lib/layui/layui.js}" charset="utf-8"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">伏牛路第二小学办公用品领用管理系统</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" action="/login">
        <input name="username" placeholder="用户名"  type="text" lay-verify="username|required" class="layui-input" >
        <hr class="hr15">
        <input name="password" lay-verify="password|required" placeholder="密码"  type="password" class="layui-input">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20" >

    </form>
    <div th:if="${errorinfo != null}"><font color="#8b0000" th:text="${errorinfo}"></font></div>
    <div class="rg_right">
        <p> 没有有账号 ?<a href="resign">立即注册</a> </p>
    </div>
</div>

<!--<script>-->
<!--    $(function  () {-->
<!--        layui.use('form', function(){-->
<!--            var form = layui.form;-->
<!--            // layer.msg('玩命卖萌中', function(){-->
<!--            //   //关闭后的操作-->
<!--            //   });-->
<!--            //监听提交-->
<!--            form.on('submit(login)', function(data){-->
<!--                // alert(888)-->
<!--                layer.msg(JSON.stringify(data.field),function(){-->
<!--                    location.href='index.html'-->
<!--                });-->
<!--                return false;-->
<!--            });-->
<!--        });-->
<!--    })-->
<!--</script>-->
<!-- 底部结束-->
<script>
    layui.use('form', function(){
        var form = layui.form;
        //自定义验证规则
        form.verify({
            username: function(value){
                if(value.length == 0){
                    return '用户名不能为空';
                }
            }
            ,password: function(value){
                if(value.length == 0){
                    return '密码不能为空';
                }
            }

        });


    });

</script>

</body>
</html>